/* 滚动文字组件 */
.ScrollText {
    --controlLen: 94;
    --scrollTime: calc(var(--controlLen) * 1s * 0.7 + 1s);
    max-width: 100%;
}

.ScrollText .wrap {
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
}

.ScrollText .item {
    animation: scroll linear var(--scrollTime) alternate infinite;
    /* 只有浮动 transform 才有效 */
    float: left;
}

@keyframes scroll {
    0%, 10% {
        margin-left: 0;
        transform: translateX(0);
    }

    90%, 100% {
        margin-left: 100%;
        transform: translateX(-100%);
    }
}